<template>
    <div class="app-search">
        <div class="home_input">
            <svg t="1550547220206" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1868" xmlns:xlink="http://www.w3.org/1999/xlink" >
                <path d="M426.666667 768a339.285333 339.285333 0 0 0 208.938666-72.021333l187.562667 187.562666 60.330667-60.330666-187.562667-187.562667A339.285333 339.285333 0 0 0 768 426.666667c0-188.202667-153.130667-341.333333-341.333333-341.333334s-341.333333 153.130667-341.333334 341.333334 153.130667 341.333333 341.333334 341.333333z m0-597.333333c141.184 0 256 114.816 256 256s-114.816 256-256 256-256-114.816-256-256 114.816-256 256-256z" fill='#999' p-id="1869">
                </path>
            </svg>
            <img src="https://s1.juancdn.com/bao/170926/8/2/59ca3863a9fcf823cd42cfcb_84x60.png" alt="">
            <span>搜索</span>
        </div>
        <img src="https://goods3.juancdn.com/bao/170421/4/9/58f9f3bca43d1f15ff678b8c_132x132.png" alt="">
    </div>
</template>

<style lang="stylus">
  .app-search
    width 100%
    height .88rem
    display flex
    background #fff
    img
        width .88rem
        height .88rem
    .home_input
        width 8rem
        height .56rem
        background #f2f2f2
        border-radius .1rem
        line-height .58rem
        display flex
        margin-top .15rem
        margin-left .28rem
        svg
            width .32rem
            height .32rem
            margin .15rem .1rem 0 
        img
            width .45rem
            height .3rem
            margin-top .14rem
            margin-right .1rem
        span
            color rgb(153, 153, 153)
            font-size .24rem

      
        
</style>